<template>
	<view v-if="isLoaded">
		<li-report height="900" :param.sync="param" :reportData="tableData" :columns="columns" :isShowLoadMore="isShowLoadMore" />
	</view>
</template>

<script>
import LiReportMixin from '../../../mixins/liReportMixin.js';
import date from '@/utils/date';
export default {
	mixins: [LiReportMixin],
	data() {
		return {
			isShowLoadMore: true,
			reportFn: 'GetPageReport',
			param: {
				dataTimeRange: [date.getToday(), date.getToday()],
				pageNum: 1,
				pageSize: 20,
				reportId: 102,
				orderField: 'quantity'
			},
			columns: [
				{
					name: 'foodName',
					label: '菜品名称',
					fixed: true
				},
				{
					name: 'specName',
					label: '规格名称',
					fixed: false
				},
				{
					name: 'foodCategoryName',
					label: '菜品分类',
					fixed: false
				},
				{
					name: 'quantity',
					label: '销售数量',
					fixed: false
				},
				{
					name: 'quantityRate',
					label: '销售数量占比',
					fixed: false
				},
				{
					name: 'amount',
					label: '销售金额',
					fixed: false
				},
				{
					name: 'amountRate',
					label: '销售金额占比',
					fixed: false
				},
				{
					name: 'discountAmount',
					label: '菜品优惠',
					fixed: false
				},
				{
					name: 'realAmount',
					label: '菜品收入',
					fixed: false
				},
				{
					name: 'realAmountRate',
					label: '菜品收入占比',
					fixed: false
				}
			]
		};
	}
};
</script>
